body.webpage,body.startpage{
	background-color:transparent;
}
/* custom groupbox that'll always be of specefic size on runtime
dimensions depend on the images to be used */
.gb_panel{
	height:200px!important;
}
.gb_panel.long{
	height:625px!important;
}
.gb_panel .groupcontent{
	overflow:hidden;
}
.gb_panel .groupcontent>.f_layout{
	top:0px!important;
	right:0px!important;
	left:0px!important;
}
.gb_panel.tidbit .groupcontent{
	border:0px none transparent;
}
/* text style inside groupbox */
.gb_panel.tidbit .groupcontent>.v_layout{
	padding:1em .5em;
	background-color:#000000; /* because the image is free layout and RTE is vertical layout */
	top:130px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	opacity:0.7;
}
.gb_panel.tidbit .groupcontent>.v_layout,.gb_panel.tidbit .groupcontent>.v_layout h1,.gb_panel.tidbit .groupcontent>.v_layout p{
	color:#ffffff;
}
.gb_panel.tidbit .groupcontent:hover>.v_layout{
	top:0px;
}
/* the tab gallery */
.tabgallery{
	width:842px!important;
	height:319px!important;
}
.tabgallery .rollercontainer.horizontal .rollerarea{
	width:100%;
	text-align:center;
}
.tabgallery .tabcontent{
	overflow:hidden;
}
.tabgallery .tabcontent>.simplecontainer{
	overflow:visible;
}
.tabgallery .gallery_image{
/* examle of overriding v_layout in custom css to make it absolute positioned */
	margin:0px;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
}
.tabgallery .gallery_text{
	display:none;
	padding:1em .5em;
	background-color:#ffffff; /* because the image is free layout and RTE is vertical layout */
	top:130px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	opacity:0.7;	
}
.tabgallery .tabcontent:hover .gallery_text{
	top:20px;
	display:block;
	color:#000000;
}
/* override for designtime editing 
so that it is easy to pick and manipulate the controls that need special sizes and overflow in runtime*/
#content.maincontainer .tabgallery{
	width:842px!important;
	height:555px!important;
}
#content.maincontainer .tabgallery .tabcontent{
	overflow:auto;
}
#content.maincontainer .tabgallery .gallery_text{
	display:block;
}
#content.maincontainer .gb_panel{
	width:260px!important;
	height:300px!important;
}
#content.maincontainer .gb_panel, #content.maincontainer .gb_panel.long{
	float:none;
	clear:both;
}